<template>
  <div :class="$style.lastmodal1">
    <div :class="$style.newsLi" v-for="(item,index) in newsList" :key="index">
      <img :class="$style.newsIcon" :src="item.icon" alt="">
      <div :class="$style.newsInfo">
        <div :class="$style.newsText1">{{ item.title }}</div>
        <div :class="$style.newsText2">{{ item.content }}</div>
        <div :class="$style.newsText3">{{ item.time }}</div>
      </div>
    </div>
  </div>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "LastModal1",
  data() {
    return {
      newsList: [
        {title:'国家统计局:3月制造业PMI升至50.8%',content:'3月份，制造业采购经理指数（PMI）为50.8%，比上月上升1.7个百分点，高于临界点，制造业景气回升。非制造业商务活动指数为53.0%，比上月上升1.6个百分点，高于临界点，表明非制造业景气水平持续回升。综合PMI产出指数为52.7%，比上月上升1.8个百分点，高于临界点，表明我国企业生产经营活动扩张加快。',icon:'/food.png',time:'2024-04-01 00:00:02'},
        {title:'国家统计局:3月制造业PMI升至50.8%',content:'3月份，制造业采购经理指数（PMI）为50.8%，比上月上升1.7个百分点，高于临界点，制造业景气回升。非制造业商务活动指数为53.0%，比上月上升1.6个百分点，高于临界点，表明非制造业景气水平持续回升。综合PMI产出指数为52.7%，比上月上升1.8个百分点，高于临界点，表明我国企业生产经营活动扩张加快。',icon:'/food.png',time:'2024-04-01 00:00:02'},
        {title:'国家统计局:3月制造业PMI升至50.8%',content:'3月份，制造业采购经理指数（PMI）为50.8%，比上月上升1.7个百分点，高于临界点，制造业景气回升。非制造业商务活动指数为53.0%，比上月上升1.6个百分点，高于临界点，表明非制造业景气水平持续回升。综合PMI产出指数为52.7%，比上月上升1.8个百分点，高于临界点，表明我国企业生产经营活动扩张加快。',icon:'/food.png',time:'2024-04-01 00:00:02'},
        {title:'国家统计局:3月制造业PMI升至50.8%',content:'3月份，制造业采购经理指数（PMI）为50.8%，比上月上升1.7个百分点，高于临界点，制造业景气回升。非制造业商务活动指数为53.0%，比上月上升1.6个百分点，高于临界点，表明非制造业景气水平持续回升。综合PMI产出指数为52.7%，比上月上升1.8个百分点，高于临界点，表明我国企业生产经营活动扩张加快。',icon:'/food.png',time:'2024-04-01 00:00:02'},
        {title:'国家统计局:3月制造业PMI升至50.8%',content:'3月份，制造业采购经理指数（PMI）为50.8%，比上月上升1.7个百分点，高于临界点，制造业景气回升。非制造业商务活动指数为53.0%，比上月上升1.6个百分点，高于临界点，表明非制造业景气水平持续回升。综合PMI产出指数为52.7%，比上月上升1.8个百分点，高于临界点，表明我国企业生产经营活动扩张加快。',icon:'/food.png',time:'2024-04-01 00:00:02'},
        {title:'国家统计局:3月制造业PMI升至50.8%',content:'3月份，制造业采购经理指数（PMI）为50.8%，比上月上升1.7个百分点，高于临界点，制造业景气回升。非制造业商务活动指数为53.0%，比上月上升1.6个百分点，高于临界点，表明非制造业景气水平持续回升。综合PMI产出指数为52.7%，比上月上升1.8个百分点，高于临界点，表明我国企业生产经营活动扩张加快。',icon:'/food.png',time:'2024-04-01 00:00:02'},
      ],
    };
  },
});
</script>
<style module>
.lastmodal1 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  overflow-y: auto;
}
.newsLi{
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}
.newsIcon{
  width: 180px;
  height: 100px;
}

.newsInfo{
  width: calc(100% - 180px - 20px);
  margin-left: 20px;
}

.newsText1{
  width: 100%;
  word-break: break-all;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: 500;
  color: #515A6E;
  margin-bottom: 12px;
}

.newsText2{
  width: 100%;
  word-break: break-all;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: 300;
  color: #909399;
  margin-bottom: 12px;
}

.newsText3{
  width: 100%;
  text-align: right;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: normal;
  color: #909399;
}
</style>